<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>新增报事报修</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_bsbxadd.css" />
    <style>
        .aui-list-item-input select{
            white-space: normal;
        }
    </style>
</head>

<body>
  <!-- v-cloak -->
    <div id="app" v-cloak>
      <div class="bsbx_con">
          <!-- bsbx_con --->
          <div class="aui-content aui-margin-b-15">
              <ul class="aui-list aui-form-list fistul" style="background: #FFF;">
                <li class="aui-list-item liline item-height" >
                    <div class="aui-list-item-inner item-inner-sty">
                        <div class="aui-list-item-label-icon label-title-wid">
                            区域
                        </div>
                        <div class="aui-list-item-input">
                          <div class="aui_formcontent">
                            <label class="label-radio">
                                <input class="aui-radio" v-on:click="do_select_area(1)" style="margin-right: 10px; border-radius: 20px;" type="radio" name="PlanType" v-bind:checked="ServiceArea=='公共区域'">公共
                            </label>
                            <label class="label-radio">
                                <input class="aui-radio" v-on:click="do_select_area(2)" style="margin-right: 10px; border-radius: 20px;" type="radio" name="PlanType" v-bind:checked="ServiceArea=='个人区域'">个人
                            </label>
                        </div>
                        </div>
                    </div>
                </li>
                  <li class="aui-list-item liline item-height" >
                      <div class="aui-list-item-inner item-inner-sty">
                          <div class="aui-list-item-label-icon label-title-wid">
                              资源位置
                          </div>
                          <div class="aui-list-item-input">
                            <!-- <select>
                                <option class="options-sty">根据死哦图根据死哦图根据死哦图的VCD是</option>
                            </select> -->
                            <select v-model="form.RoomID" @change="onChangeRoom">
                                <option v-bind:value="item.RoomID" class="options-sty" v-for="item in ProjectList">{{item.Name}}</option>
                            </select>
                          </div>
                      </div>
                  </li>
                  <li class="aui-list-item liline item-height">
                      <div class="aui-list-item-inner item-inner-sty">
                          <div class="aui-list-item-label-icon label-title-wid">
                              联系电话
                          </div>
                          <div class="aui-list-item-input">
                              <input  v-model="form.PhoneNo"  type="number" placeholder="请输入" >
                          </div>
                      </div>
                  </li>
                  <li class="aui-list-item liline item-height">
                      <div class="aui-list-item-inner item-inner-sty">
                          <div class="aui-list-item-label-icon label-title-wid">
                            报修人
                              <!-- <i class="icon iconfont icon-iconfontcolor39" style="font-size:1rem; color:#00bcd4;"></i> -->
                          </div>
                          <div class="aui-list-item-input">
                              <input type="text" v-model="form.UserName" placeholder="请填写">
                          </div>
                      </div>
                  </li>
                </ul>
                <ul class="aui-list aui-form-list">
                  <li  v-if="ServiceArea=='个人区域'"  class="aui-list-item liline item-height">
                    <div class="aui-list-item-inner item-inner-sty">
                        <div class="aui-list-item-label-icon label-title-wid">
                          预约时间
                        </div>
                        <div class="aui-list-item-input" v-on:click="do_select_time()" style="text-align: right;">
                            <span class="choose new-span-input" id="choosedatetime" data-options='{"type":"datetime"}' v-bind:class="{'textColorPlaceholder':form.AppointTime==''}">{{form.AppointTime==''?'请选择':form.AppointTime}}</span>
                            <i class="icon iconfont icon-xiangyoujiantou ml5"></i>
                        </div>
                    </div>
                </li>
            </ul>
                <ul class="aui-list aui-form-list">
                  <li class="aui-list-item liline li-margbtn">
                      <div class="aui-list-item-inner item-inner-sty block">
                          <div class="aui-list-item-label-icon label-title-wid flo">
                              情况说明
                              <!-- <i class="icon iconfont icon-shijian" style="font-size:1rem; color:#00bcd4;"></i> -->
                          </div>
                          <div class="aui-list-item-input">
                              <textarea v-model="form.Content" placeholder="请填写" ></textarea>
                          </div>
                      </div>
                  </li>
              </ul>
              <ul style="background: #fff; overflow: hidden;"><li>
                <div class="imglist_box" style="padding-top: 30px;  background: #fff;" >
                    <div class="imglist_item" v-for="(item,index) in imglist" style="background: #f0f0f0;">
                        <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                        <img v-on:click="remove_img(item.index)" class="onmouse_close" src="../image/close_mouseover.svg" />
                    </div>
                    <div v-if="imglist.length<4" class="imglist_item ml4">
                        <div class="img_plusbox">
                            <!-- <img v-on:click="choose_picture()" src="../image/photo_image.svg" /> -->
                            <i  v-on:click="choose_picture()" class="icon iconfont icon-icon_xiangji-mian"></i>
                            
                        </div>
                        最多4张
                    </div>
                </div>
              </li></ul>
              

              <!-- <ul class="aui-list aui-media-list">
                  <li class="aui-list-item" style="background:#fff;">
                      <div class="aui-list-item-inner">
                          <div class="aui-row aui-row-padded" >
                              <div class="aui-col-xs-3 album"  style="height:90px;"  v-for="item in imglist">
                                  <img v-bind:src="item.url" />
                                  <i  v-on:click="remove_img(item.index)" class="icon iconfont iconguanbi2" style="font-size:1rem;color:#ddd;  position: absolute; top:0.1rem; right:0.1rem;"></i>
                              </div>
                          </div>
                      </div>
                  </li>
              </ul>
              <div style="padding-left:14px; background:#fff;">
                <i  v-on:click="openActionsheet()"  class="icon iconfont iconzhaopianpaizhao" style="font-size:2rem; color:#ddd;"></i>
              </div> -->
          </div>
          <!-- bsbx_con --->
      </div>
      <!-- v-on:click="do_save()" -->
      <div class="bsbx_btm" v-on:click="do_open_add()">
          <div class="bsbx_add">提交</div>
      </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="js/dl_bsbxadd.js "></script>
</html>
